.normalContentWrap__AE3q5 {
    padding-top: 82px !important
}

.normalContentWrap__AE3q5 .leftClass__cwyEH {
    border-right: none !important
}

.commentWrap__qeh3i {
    color: #ccc;
    max-width: 618px;
    margin-left: 107px
}

.commentWrap__qeh3i .commentNum__uO8US {
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #96a5b4;
    line-height: 24px;
    margin-bottom: 24px
}

.ant-progress {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block
}

.ant-progress-line {
    position: relative;
    width: 100%;
    font-size: 14px
}

.ant-progress-steps {
    display: inline-block
}

.ant-progress-steps-outer {
    display: flex;
    flex-direction: row;
    align-items: center
}

.ant-progress-steps-item {
    flex-shrink: 0;
    min-width: 2px;
    margin-right: 2px;
    background: #f3f3f3;
    transition: all .3s
}

.ant-progress-steps-item-active {
    background: #1890ff
}

.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
    font-size: 12px
}

.ant-progress-outer {
    display: inline-block;
    width: 100%;
    margin-right: 0;
    padding-right: 0
}

.ant-progress-show-info .ant-progress-outer {
    margin-right: calc(-2em - 8px);
    padding-right: calc(2em + 8px)
}

.ant-progress-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
    background-color: #f5f5f5;
    border-radius: 100px
}

.ant-progress-circle-trail {
    stroke: #f5f5f5
}

.ant-progress-circle-path {
    animation: ant-progress-appear .3s
}

.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
    stroke: #1890ff
}

.ant-progress-bg,
.ant-progress-success-bg {
    position: relative;
    background-color: #1890ff;
    border-radius: 100px;
    transition: all .4s cubic-bezier(.08, .82, .17, 1) 0s
}

.ant-progress-success-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #52c41a
}

.ant-progress-text {
    display: inline-block;
    width: 2em;
    margin-left: 8px;
    color: rgba(0, 0, 0, .85);
    font-size: 1em;
    line-height: 1;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
    word-break: normal
}

.ant-progress-text .anticon {
    font-size: 14px
}

.ant-progress-status-active .ant-progress-bg:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    border-radius: 10px;
    opacity: 0;
    animation: ant-progress-active 2.4s cubic-bezier(.23, 1, .32, 1) infinite;
    content: ""
}

.ant-progress-status-exception .ant-progress-bg {
    background-color: #ff4d4f
}

.ant-progress-status-exception .ant-progress-text {
    color: #ff4d4f
}

.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
    stroke: #ff4d4f
}

.ant-progress-status-success .ant-progress-bg {
    background-color: #52c41a
}

.ant-progress-status-success .ant-progress-text {
    color: #52c41a
}

.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
    stroke: #52c41a
}

.ant-progress-circle .ant-progress-inner {
    position: relative;
    line-height: 1;
    background-color: transparent
}

.ant-progress-circle .ant-progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .85);
    font-size: 1em;
    line-height: 1;
    white-space: normal;
    text-align: center;
    transform: translate(-50%, -50%)
}

.ant-progress-circle .ant-progress-text .anticon {
    font-size: 1.16666667em
}

.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
    color: #ff4d4f
}

.ant-progress-circle.ant-progress-status-success .ant-progress-text {
    color: #52c41a
}

@keyframes ant-progress-active {
    0% {
        transform: translateX(-100%) scaleX(0);
        opacity: .1
    }

    20% {
        transform: translateX(-100%) scaleX(0);
        opacity: .5
    }

    to {
        transform: translateX(0) scaleX(1);
        opacity: 0
    }
}

.ant-progress-rtl {
    direction: rtl
}

.ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
    margin-right: 0;
    margin-left: calc(-2em - 8px);
    padding-right: 0;
    padding-left: calc(2em + 8px)
}

.ant-progress-rtl .ant-progress-success-bg {
    right: 0;
    left: auto
}

.ant-progress-rtl.ant-progress-line .ant-progress-text,
.ant-progress-rtl.ant-progress-steps .ant-progress-text {
    margin-right: 8px;
    margin-left: 0;
    text-align: right
}

.wrapper__faosQ {
    padding: 13px 24px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    background: #202c38;
    margin: 23px 0 20px
}

.wrapper__faosQ global .ant-avatar__KxStc {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.wrapper__faosQ.light__NPiTx {
    background: #f1f1f1
}

.wrapper__faosQ.light__NPiTx .name__kmkRE {
    color: #000
}

.wrapper__faosQ.light__NPiTx .divider__J2m9y {
    border-left: 1px solid #ccc
}

.wrapper__faosQ.light__NPiTx .active__sy6HQ,
.wrapper__faosQ.light__NPiTx .focusBox__eJSUG {
    color: #333
}

.locationWrap__v9FQl {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.locationWrap__v9FQl .location__QVYqZ {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #5a646e;
    line-height: 18px
}

.name__kmkRE {
    color: #fff;
    line-height: 18px
}

.focusBox__eJSUG {
    color: #ccc;
    line-height: 18px
}

.divider__J2m9y {
    border-left: 1px solid #5a646e;
    height: .9em;
    margin: 0
}

.active__sy6HQ {
    color: #5a646e
}

.wrapper__yoVat {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #999;
    line-height: 18px;
    margin-top: 20px
}

.wrapper__yoVat.black__AZ1xB {
    color: #96a5b4
}

.wrapper__yoVat.black__AZ1xB .divider__i8V5p:after,
.wrapper__yoVat.black__AZ1xB .divider__i8V5p:before {
    border-top: 1px solid #5a646e !important
}

.wrapper__yoVat.black__AZ1xB .divider__i8V5p .ant-divider-inner-text {
    color: #96a5b4 !important
}

.content__bOXdU {
    margin-top: 8px;
    word-break: break-all
}

.divider__i8V5p:after,
.divider__i8V5p:before {
    border-top: 1px solid #ccc !important
}

.divider__i8V5p .ant-divider-inner-text {
    color: #666 !important;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    line-height: 18px
}

.wrapper__GxPJS {
    background: #27303e
}

.wrap__D_ih3 {
    display: flex;
    max-width: 1260px;
    margin: 0 auto;
    padding: 40px 0
}

.wrap__D_ih3 .leftLayout__UT5t9 {
    flex: 1 1;
    max-width: 1020px;
    margin-right: 20px;
    padding-right: 20px;
    box-sizing: content-box
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U {
    width: 939px;
    height: 528px;
    position: relative
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .coverUrl__zo6ku {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .playIcon__TWFmT {
    background: url(../../images/play@2x.7ab38d10.png) no-repeat 50%/cover;
    position: absolute;
    left: 50%;
    top: 50%;
    background-size: 50px;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 2
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .playHide__XhH3a {
    visibility: hidden !important
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .countdownOverlay__f2Qwi {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    cursor: pointer
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .countdownContent__LZvKT {
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 600px;
    width: 90%;
    position: relative
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .nextVideoInfo__DukXc {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .videoCoverContainer__hR0Fn {
    position: relative;
    margin-bottom: 16px
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .videoCoverContainer__hR0Fn:hover .autoPlayBox__ZZx4v {
    opacity: 1
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .stopAutoPlay__tBGqw {
    position: absolute;
    left: 50%;
    bottom: 33px;
    transform: translateX(-50%);
    border-radius: 32px;
    border: 1px solid hsla(0, 0%, 100%, .6);
    background-color: rgba(0, 0, 0, .25);
    backdrop-filter: blur(7px);
    color: #fff;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding: 6px 23px
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .autoPlayBox__ZZx4v {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity cubic-bezier(.25, .46, .45, .94)
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .nextVideoCover__dg1oC {
    width: 420px;
    height: 236px;
    object-fit: cover;
    position: relative;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .3)
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .playIconOverlay__vHARs {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .playProgress__smTD2 {
    cursor: pointer
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .playProgress__smTD2 .ant-progress-text {
    width: auto !important
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .playIconImage__bblPk {
    width: 54px;
    height: 54px;
    object-fit: contain;
    background: url(../../images/icon_54x54_video_play.ad3db11a.png) no-repeat 50%/cover
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .nextVideoTitle__BJUPh {
    width: 420px;
    font-family: FZBIAOYSK--GBK1;
    font-weight: 400;
    font-size: 21px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 16px
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .countdownText__BvqEy {
    font-size: 16px;
    color: #fff;
    font-weight: 500
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .countdownButtons__Rru4h {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
    width: 128px;
    height: 46px;
    background: hsla(0, 0%, 100%, .19);
    cursor: pointer
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .replayButton__HJpKP {
    color: #fff;
    font-family: FZBIAOYSK--GBK1;
    font-weight: 400;
    font-size: 18px;
    background: transparent;
    line-height: 22px;
    position: relative;
    padding-left: 22px
}

.wrap__D_ih3 .leftLayout__UT5t9 .videoWrap__RiM6U .replayButton__HJpKP:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../../images/zhongbo-m@2x.60b9d617.png) no-repeat 50%/cover
}

.wrap__D_ih3 .leftLayout__UT5t9 .title__AUIAP {
    font-size: 28px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #fff;
    line-height: 48px;
    text-shadow: 2px 2px 0 rgba(32, 39, 46, .6);
    margin: 32px 0 13px
}

.wrap__D_ih3 .leftLayout__UT5t9 .source__gdvJW {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #96a5b4;
    line-height: 18px;
    margin-bottom: 20px
}

.wrap__D_ih3 .leftLayout__UT5t9 .desc__dyz4Y {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #fff;
    line-height: 28px;
    margin-bottom: 20px
}

.wrap__D_ih3 .leftLayout__UT5t9 .shareBox__FfjpR {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #96a5b4;
    line-height: 21px
}

.wrap__D_ih3 .leftLayout__UT5t9 .like__ZQz7I {
    margin-right: 10px;
    border-radius: 50px;
    padding: 0 10px 0 22px;
    position: relative
}

.wrap__D_ih3 .leftLayout__UT5t9 .like__ZQz7I:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background: url(../../images/like_96A5B4.f06e8ccd.png) no-repeat 50%/cover
}

.wrap__D_ih3 .leftLayout__UT5t9 .collection__dUyJP {
    margin-right: 10px;
    position: relative;
    padding-left: 22px
}

.wrap__D_ih3 .leftLayout__UT5t9 .collection__dUyJP:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background: url(../../images/collection_96A5B4.44c308cd.png) no-repeat 50%/cover
}

.wrap__D_ih3 .rightLayout__YxiLL {
    flex: 0 0 240px;
    width: 240px
}

.wrap__D_ih3 .rightLayout__YxiLL .headerBox__WpVUd {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.wrap__D_ih3 .rightLayout__YxiLL .headerBox__WpVUd .relatedSuggestion__TfeTC {
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #96a5b4;
    line-height: 24px
}

.wrap__D_ih3 .rightLayout__YxiLL .headerBox__WpVUd .more__ygkDj {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #5a646e;
    line-height: 18px
}

.wrap__D_ih3 .rightLayout__YxiLL .relatedSuggestionList__OfCWu {
    padding: 16px 0;
    max-height: 690px;
    overflow-y: auto
}

.wrap__D_ih3 .rightLayout__YxiLL .relatedSuggestionList__OfCWu .relatedSuggestionLi__WlxUa {
    padding: 8px;
    box-shadow: 0 0 1px 1px #1a2226;
    margin: 1px 1px 12px
}

.wrap__D_ih3 .rightLayout__YxiLL .relatedSuggestionList__OfCWu .relatedSuggestionLi__WlxUa:hover {
    background: #202c38;
    box-shadow: 2px 2px 4px 0 rgba(15, 23, 31, .7), -2px -2px 4px 0 rgba(48, 58, 68, .7);
    border-radius: 4px
}

.wrap__D_ih3 .rightLayout__YxiLL .relatedSuggestionList__OfCWu .imgBox__AOY3S {
    width: 218px;
    height: 122px
}

.wrap__D_ih3 .rightLayout__YxiLL .relatedSuggestionList__OfCWu .imgBox__AOY3S img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.wrap__D_ih3 .rightLayout__YxiLL .relatedSuggestionList__OfCWu .title__AUIAP {
    font-size: 18px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #fff;
    line-height: 24px;
    margin-top: 8px
}

.wrap__D_ih3 .rightLayout__YxiLL .relatedSuggestionList__OfCWu .moreContent__mTCVj {
    margin-top: 18px;
    font-size: 14px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #96a5b4;
    line-height: 21px
}

.wrap__D_ih3 .rightLayout__YxiLL .relatedSuggestionList__OfCWu .moreContent__mTCVj .seeMore__eLeaR {
    margin-left: 10px
}

.wrap__D_ih3 .rightLayout__YxiLL .tags__A7fEo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 16px
}

.wrap__D_ih3 .rightLayout__YxiLL .tags__A7fEo .tag__Pj75n {
    background: #27303e;
    box-shadow: 1px 1px 2px 0 #0f171f, -1px -1px 2px 0 rgba(48, 58, 68, .7);
    margin-left: 21px;
    margin-bottom: 12px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #96a5b4;
    line-height: 21px;
    padding: 5px 12px
}

.wrap__D_ih3 .rightLayout__YxiLL .tags__A7fEo .tag__Pj75n:first-child {
    margin-left: 0
}

.ant-timeline {
    box-sizing: border-box;
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    font-feature-settings: "tnum";
    margin: 0;
    padding: 0;
    list-style: none
}

.ant-timeline-item {
    position: relative;
    margin: 0;
    padding-bottom: 20px;
    font-size: 14px;
    list-style: none
}

.ant-timeline-item-tail {
    position: absolute;
    top: 10px;
    left: 4px;
    height: calc(100% - 10px);
    border-left: 2px solid #f0f0f0
}

.ant-timeline-item-pending .ant-timeline-item-head {
    font-size: 12px;
    background-color: transparent
}

.ant-timeline-item-pending .ant-timeline-item-tail {
    display: none
}

.ant-timeline-item-head {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 100px
}

.ant-timeline-item-head-blue {
    color: #00a5eb;
    border-color: #00a5eb
}

.ant-timeline-item-head-red {
    color: #ff4d4f;
    border-color: #ff4d4f
}

.ant-timeline-item-head-green {
    color: #52c41a;
    border-color: #52c41a
}

.ant-timeline-item-head-gray {
    color: rgba(0, 0, 0, .25);
    border-color: rgba(0, 0, 0, .25)
}

.ant-timeline-item-head-custom {
    position: absolute;
    top: 5.5px;
    left: 5px;
    width: auto;
    height: auto;
    margin-top: 0;
    padding: 3px 1px;
    line-height: 1;
    text-align: center;
    border: 0;
    border-radius: 0;
    transform: translate(-50%, -50%)
}

.ant-timeline-item-content {
    position: relative;
    top: -7.001px;
    margin: 0 0 0 26px;
    word-break: break-word
}

.ant-timeline-item-last>.ant-timeline-item-tail {
    display: none
}

.ant-timeline-item-last>.ant-timeline-item-content {
    min-height: 48px
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail {
    left: 50%
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head {
    margin-left: -4px
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
    margin-left: 1px
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content {
    left: calc(50% - 4px);
    width: calc(50% - 14px);
    text-align: left
}

.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
    width: calc(50% - 12px);
    margin: 0;
    text-align: right
}

.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail {
    left: calc(100% - 4px - 2px)
}

.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
    width: calc(100% - 18px)
}

.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
    display: block;
    height: calc(100% - 14px);
    border-left: 2px dotted #f0f0f0
}

.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
    display: none
}

.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
    top: 15px;
    display: block;
    height: calc(100% - 15px);
    border-left: 2px dotted #f0f0f0
}

.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
    min-height: 48px
}

.ant-timeline.ant-timeline-label .ant-timeline-item-label {
    position: absolute;
    top: -7.001px;
    width: calc(50% - 12px);
    text-align: right
}

.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
    left: calc(50% + 14px);
    width: calc(50% - 14px);
    text-align: left
}

.ant-timeline-rtl {
    direction: rtl
}

.ant-timeline-rtl .ant-timeline-item-tail {
    right: 4px;
    left: auto;
    border-right: 2px solid #f0f0f0;
    border-left: none
}

.ant-timeline-rtl .ant-timeline-item-head-custom {
    right: 5px;
    left: auto;
    transform: translate(50%, -50%)
}

.ant-timeline-rtl .ant-timeline-item-content {
    margin: 0 18px 0 0
}

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail {
    right: 50%;
    left: auto
}

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head {
    margin-right: -4px;
    margin-left: 0
}

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
    margin-right: 1px;
    margin-left: 0
}

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content {
    right: calc(50% - 4px);
    left: auto;
    text-align: right
}

.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
    text-align: left
}

.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail {
    right: 0;
    left: auto
}

.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
    width: 100%;
    margin-right: 18px;
    text-align: right
}

.ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
    border-right: 2px dotted #f0f0f0;
    border-left: none
}

.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {
    text-align: left
}

.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
    right: calc(50% + 14px);
    text-align: right
}

.ant-slider {
    box-sizing: border-box;
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    height: 12px;
    margin: 10px 6px;
    padding: 4px 0;
    cursor: pointer;
    touch-action: none
}

.ant-slider-vertical {
    width: 12px;
    height: 100%;
    margin: 6px 10px;
    padding: 0 4px
}

.ant-slider-vertical .ant-slider-rail {
    width: 4px;
    height: 100%
}

.ant-slider-vertical .ant-slider-track {
    width: 4px
}

.ant-slider-vertical .ant-slider-handle {
    margin-top: -6px;
    margin-left: -5px
}

.ant-slider-vertical .ant-slider-mark {
    top: 0;
    left: 12px;
    width: 18px;
    height: 100%
}

.ant-slider-vertical .ant-slider-mark-text {
    left: 4px;
    white-space: nowrap
}

.ant-slider-vertical .ant-slider-step {
    width: 4px;
    height: 100%
}

.ant-slider-vertical .ant-slider-dot {
    top: auto;
    margin-left: -2px
}

.ant-slider-tooltip .ant-tooltip-inner {
    min-width: unset
}

.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
    margin-right: -5px;
    margin-left: 0
}

.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
    right: 12px;
    left: auto
}

.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
    right: 4px;
    left: auto
}

.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
    right: 2px;
    left: auto
}

.ant-slider-with-marks {
    margin-bottom: 28px
}

.ant-slider-rail {
    width: 100%;
    background-color: #f5f5f5
}

.ant-slider-rail,
.ant-slider-track {
    position: absolute;
    height: 4px;
    border-radius: 2px;
    transition: background-color .3s
}

.ant-slider-track {
    background-color: #7ae4ff
}

.ant-slider-handle {
    position: absolute;
    width: 14px;
    height: 14px;
    margin-top: -5px;
    background-color: #fff;
    border: 2px solid #7ae4ff;
    border-radius: 50%;
    box-shadow: 0;
    cursor: pointer;
    transition: border-color .3s, box-shadow .6s, transform .3s cubic-bezier(.18, .89, .32, 1.28)
}

.ant-slider-handle-dragging {
    z-index: 1
}

.ant-slider-handle:focus {
    border-color: #33b7ef;
    outline: none;
    box-shadow: 0 0 0 5px rgba(0, 165, 235, .12)
}

.ant-slider-handle.ant-tooltip-open {
    border-color: #00a5eb
}

.ant-slider-handle:after {
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    content: ""
}

.ant-slider:hover .ant-slider-rail {
    background-color: #e1e1e1
}

.ant-slider:hover .ant-slider-track {
    background-color: #52d7ff
}

.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
    border-color: #52d7ff
}

.ant-slider-mark {
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    font-size: 14px
}

.ant-slider-mark-text {
    position: absolute;
    display: inline-block;
    color: rgba(0, 0, 0, .45);
    text-align: center;
    word-break: keep-all;
    cursor: pointer;
    user-select: none
}

.ant-slider-mark-text-active {
    color: rgba(0, 0, 0, .85)
}

.ant-slider-step {
    position: absolute;
    width: 100%;
    height: 4px;
    background: transparent;
    pointer-events: none
}

.ant-slider-dot {
    position: absolute;
    top: -2px;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border: 2px solid #f0f0f0;
    border-radius: 50%;
    cursor: pointer
}

.ant-slider-dot-active {
    border-color: #80d2f5
}

.ant-slider-disabled {
    cursor: not-allowed
}

.ant-slider-disabled .ant-slider-rail {
    background-color: #f5f5f5 !important
}

.ant-slider-disabled .ant-slider-track {
    background-color: rgba(0, 0, 0, .25) !important
}

.ant-slider-disabled .ant-slider-dot,
.ant-slider-disabled .ant-slider-handle {
    background-color: #fff;
    border-color: rgba(0, 0, 0, .25) !important;
    box-shadow: none;
    cursor: not-allowed
}

.ant-slider-disabled .ant-slider-dot,
.ant-slider-disabled .ant-slider-mark-text {
    cursor: not-allowed !important
}

.ant-slider-rtl {
    direction: rtl
}

.ant-slider-rtl .ant-slider-mark {
    right: 0;
    left: auto
}

.wrapper__pqv8S .swiperWrap__YeEYd {
    position: relative
}

.wrapper__pqv8S .swiperWrap__YeEYd.requestFullScreen__UEAPG {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #20272e;
    z-index: 99999;
    overflow: hidden
}

.wrapper__pqv8S .swiperWrap__YeEYd.requestFullScreen__UEAPG .carousel__jFSIM {
    max-width: 1200px;
    margin: 0 auto
}

.wrapper__pqv8S .swiperWrap__YeEYd.requestFullScreen__UEAPG .oneImgBox__pqgPr {
    width: 100%;
    max-height: 100vh;
    height: 100vh;
    display: flex !important;
    align-items: center
}

.wrapper__pqv8S .swiperWrap__YeEYd.requestFullScreen__UEAPG .thumbsListWrap__cEV9c {
    display: none
}

.wrapper__pqv8S .swiperWrap__YeEYd.requestFullScreen__UEAPG .leftIcon__ex_IJ {
    left: 10px;
    z-index: 8
}

.wrapper__pqv8S .swiperWrap__YeEYd.requestFullScreen__UEAPG .rightIcon__YZrpK {
    right: 10px;
    z-index: 8
}

.wrapper__pqv8S .swiperWrap__YeEYd.requestFullScreen__UEAPG .messageBox__nmea_ {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    background: rgba(0, 0, 0, .5);
    padding: 24px;
    z-index: 8
}

.wrapper__pqv8S .swiperWrap__YeEYd.requestFullScreen__UEAPG .messageBox__nmea_ .message__obsn8 {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #fff;
    line-height: 24px;
    padding: 0 60px;
    max-width: 1080px;
    margin: 0 auto
}

.wrapper__pqv8S .swiperWrap__YeEYd.requestFullScreen__UEAPG .messageBox__nmea_ .playIcon__bgyZn {
    background: hsla(0, 0%, 100%, .5);
    font-size: 22px;
    padding: 9px;
    z-index: 8;
    border-radius: 40px;
    font-weight: 700
}

.wrapper__pqv8S .swiperWrap__YeEYd.requestFullScreen__UEAPG .messageBox__nmea_ .playBtnBox__mdpdS {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    display: flex;
    align-items: center
}

.wrapper__pqv8S .swiperWrap__YeEYd.requestFullScreen__UEAPG .messageBox__nmea_ .playBtnBox__mdpdS .number__Ka87b {
    position: static;
    transform: none;
    margin-right: 24px;
    padding-top: 8px
}

.wrapper__pqv8S .swiperWrap__YeEYd.requestFullScreen__UEAPG .messageBox__nmea_ .play__xdz0q {
    padding: 9px 7px 9px 11px
}

.wrapper__pqv8S .expand__gBB9s {
    position: absolute;
    right: 24px;
    top: 24px;
    font-size: 18px;
    padding: 6px;
    background-color: #fff;
    color: #5a646e;
    z-index: 6;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0 0 4px 0 rgba(5, 7, 7, .8)
}

.wrapper__pqv8S .carousel__jFSIM {
    height: 700px
}

.wrapper__pqv8S .oneImgBox__pqgPr {
    width: 100%;
    height: 700px
}

.wrapper__pqv8S .oneImgBox__pqgPr img {
    display: block;
    width: 100%;
    object-fit: cover;
    margin: 0 auto
}

.wrapper__pqv8S .thumbsListWrap__cEV9c {
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translate(-50%)
}

.wrapper__pqv8S .thumbsList__DB8Tc {
    display: flex;
    align-items: center;
    max-width: 469px;
    overflow: auto;
    padding-bottom: 4px
}

.wrapper__pqv8S .twoImgBox__tYXp7 {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    position: relative;
    margin-right: 15px
}

.wrapper__pqv8S .twoImgBox__tYXp7:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: 0;
    background: hsla(0, 0%, 100%, .4);
    z-index: 1
}

.wrapper__pqv8S .twoImgBox__tYXp7:last-child {
    margin-right: 0
}

.wrapper__pqv8S .twoImgBox__tYXp7 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.wrapper__pqv8S .twoImgBoxSelect__d91_Q {
    box-shadow: 2px 2px 8px 0 #000, 0 0 4px 0 rgba(0, 165, 235, .8);
    border: 1px solid #00a5eb
}

.wrapper__pqv8S .twoImgBoxSelect__d91_Q:after {
    opacity: 0
}

.wrapper__pqv8S .leftIcon__ex_IJ,
.wrapper__pqv8S .rightIcon__YZrpK {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.wrapper__pqv8S .number__Ka87b {
    position: absolute;
    left: 50%;
    top: -16px;
    transform: translate(-50%, -100%);
    font-size: 16px;
    font-family: DINAlternate-Bold, DINAlternate;
    font-weight: 700;
    color: #fff;
    line-height: 21px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    white-space: nowrap
}

.wrapper__pqv8S .leftIcon__ex_IJ {
    left: -40px;
    background: url(../../images/icon_30x30_arrow_fang_left_deault@2x.f81785d6.png) no-repeat 50%/cover;
    box-shadow: 0 0 4px 0 rgba(5, 7, 7, .8)
}

.wrapper__pqv8S .rightIcon__YZrpK {
    right: -40px;
    background: url(../../images/icon_30x30_arrow_fang_left_right@2x.dca79e92.png) no-repeat 50%/cover;
    box-shadow: 0 0 4px 0 rgba(5, 7, 7, .8)
}

.wrapper__r9OP1 {
    background: #27303e
}

.wrap__bwFRH {
    display: flex;
    max-width: 1260px;
    margin: 0 auto;
    padding: 40px 0
}

.wrap__bwFRH .leftLayout__T8ZAD {
    width: 100%
}

.wrap__bwFRH .leftLayout__T8ZAD .title__WtqDc {
    font-size: 28px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #fff;
    line-height: 48px;
    text-shadow: 2px 2px 0 rgba(32, 39, 46, .6);
    margin: 32px 0 13px
}

.wrap__bwFRH .leftLayout__T8ZAD .source__Jqmym {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #96a5b4;
    line-height: 18px;
    margin-bottom: 20px
}

.wrap__bwFRH .leftLayout__T8ZAD .desc__KlMvW {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #fff;
    line-height: 28px;
    margin-bottom: 20px
}

.wrap__bwFRH .leftLayout__T8ZAD .shareBox__G3K7t {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #96a5b4;
    line-height: 21px
}

.wrap__bwFRH .leftLayout__T8ZAD .like__nnQ7I {
    margin-right: 10px;
    border-radius: 50px;
    padding: 0 10px 0 22px;
    position: relative
}

.wrap__bwFRH .leftLayout__T8ZAD .like__nnQ7I:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background: url(../../images/like_96A5B4.f06e8ccd.png) no-repeat 50%/cover
}

.wrap__bwFRH .leftLayout__T8ZAD .collection__mMuUN {
    margin-right: 10px;
    position: relative;
    padding-left: 22px
}

.wrap__bwFRH .leftLayout__T8ZAD .collection__mMuUN:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background: url(../../images/collection_96A5B4.44c308cd.png) no-repeat 50%/cover
}

.wrap__bwFRH .rightLayout__pl68b {
    flex: 0 0 240px;
    width: 240px
}

.wrap__bwFRH .rightLayout__pl68b .headerBox__tbKvb {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.wrap__bwFRH .rightLayout__pl68b .headerBox__tbKvb .relatedSuggestion__O7dTN {
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #96a5b4;
    line-height: 24px
}

.wrap__bwFRH .rightLayout__pl68b .headerBox__tbKvb .more__uzoQO {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #5a646e;
    line-height: 18px
}

.wrap__bwFRH .rightLayout__pl68b .relatedSuggestionList__CJzQd {
    padding: 16px 0;
    max-height: 690px;
    overflow-y: auto
}

.wrap__bwFRH .rightLayout__pl68b .relatedSuggestionList__CJzQd .relatedSuggestionLi__QVHx6 {
    padding: 8px;
    box-shadow: 0 0 1px 1px #1a2226;
    margin: 1px 1px 12px
}

.wrap__bwFRH .rightLayout__pl68b .relatedSuggestionList__CJzQd .relatedSuggestionLi__QVHx6:hover {
    background: #202c38;
    box-shadow: 2px 2px 4px 0 rgba(15, 23, 31, .7), -2px -2px 4px 0 rgba(48, 58, 68, .7);
    border-radius: 4px
}

.wrap__bwFRH .rightLayout__pl68b .relatedSuggestionList__CJzQd .imgBox__RRH0P {
    width: 218px;
    height: 122px
}

.wrap__bwFRH .rightLayout__pl68b .relatedSuggestionList__CJzQd .imgBox__RRH0P img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.wrap__bwFRH .rightLayout__pl68b .relatedSuggestionList__CJzQd .title__WtqDc {
    font-size: 18px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #fff;
    line-height: 24px;
    margin-top: 8px
}

.wrap__bwFRH .rightLayout__pl68b .relatedSuggestionList__CJzQd .moreContent__CTs6g {
    margin-top: 18px;
    font-size: 14px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #96a5b4;
    line-height: 21px
}

.wrap__bwFRH .rightLayout__pl68b .relatedSuggestionList__CJzQd .moreContent__CTs6g .seeMore__ood71 {
    margin-left: 10px
}

.wrap__bwFRH .rightLayout__pl68b .tags__PH9k0 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 16px;
    margin-left: 40px
}

.wrap__bwFRH .rightLayout__pl68b .tags__PH9k0 .tag__U1TuZ {
    background: #27303e;
    box-shadow: 1px 1px 2px 0 #0f171f, -1px -1px 2px 0 rgba(48, 58, 68, .7);
    margin-left: 21px;
    margin-bottom: 12px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #96a5b4;
    line-height: 21px;
    padding: 5px 12px
}

.wrap__bwFRH .rightLayout__pl68b .tags__PH9k0 .tag__U1TuZ:first-child {
    margin-left: 0
}

.normalContentWrap__APJYx {
    padding-top: 82px !important
}

.normalContentWrap__APJYx .leftClass__ZiR4z {
    border-right: none !important
}

.commentWrap__ItfAe {
    color: #ccc;
    max-width: 618px;
    margin-left: 107px
}

.commentWrap__ItfAe .commentNum__csfSc {
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #96a5b4;
    line-height: 24px;
    margin-bottom: 24px
}

.recommendsWrap__eE2tO {
    margin: 0 100px 80px 40px
}

.normalstyle__K3zvR {
    font-weight: 400;
    vertical-align: top;
    display: inline-block;
    position: relative;
    height: 18px;
    cursor: pointer
}

.normalstyle__K3zvR.black__a8fPX .ant-dropdown-menu {
    width: 80px;
    background: #20272e;
    box-shadow: 0 1px 4px 0 rgba(15, 23, 31, .7)
}

.normalstyle__K3zvR.black__a8fPX .ant-dropdown-arrow:before {
    background-color: #20272e;
    box-shadow: 0 1px 4px 0 rgba(15, 23, 31, .7)
}

.normalstyle__K3zvR.black__a8fPX .ant-dropdown-arrow {
    background-color: #20272e;
    border-color: #20272e transparent transparent;
    z-index: 1
}

.normalstyle__K3zvR.black__a8fPX .ant-dropdown-arrow:after {
    content: "" !important;
    border-width: 0 !important
}

.normalstyle__K3zvR.black__a8fPX .ant-dropdown-menu-item:hover p {
    color: #fff !important
}

.normalstyle__K3zvR.black__a8fPX p {
    color: #96a5b4
}

.normalstyle__K3zvR.black__a8fPX p:hover {
    color: #fff !important
}

.normalstyle__K3zvR.black__a8fPX .dropdown__eTKWN ul li {
    background: #20272e !important;
    font-size: 12px !important
}

.normalstyle__K3zvR.black__a8fPX .dropdown__eTKWN ul li:hover {
    background: #202c38 !important
}

.normalstyle__K3zvR.black__a8fPX .dropdown__eTKWN ul li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.normalstyle__K3zvR.black__a8fPX .dropdown__eTKWN ul li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.normalstyle__K3zvR.black__a8fPX .normal__nYmPN ul li:hover {
    background: #202c38 !important
}

.normalstyle__K3zvR.black__a8fPX .normal__nYmPN ul li:first-child:hover {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.normalstyle__K3zvR.black__a8fPX .normal__nYmPN ul li:last-child:hover {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.normalstyle__K3zvR.black__a8fPX .normal__nYmPN .ant-dropdown-arrow {
    width: 0;
    height: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
    bottom: -4px;
    border: 10px solid transparent;
    border-top-color: #20272e
}

.normalstyle__K3zvR.black__a8fPX .normal__nYmPN .ant-dropdown-arrow:after {
    content: "";
    width: 0;
    height: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
    bottom: -4px;
    border: 10px solid transparent;
    border-top-color: #fff
}

.normalstyle__K3zvR.black__a8fPX:hover .shareall {
    background: url(../../images/icon_share_white.1731b7e0.png) no-repeat !important;
    background-size: 18px 18px !important
}

.normalstyle__K3zvR.black__a8fPX .wechat__Nqrzs,
.normalstyle__K3zvR.black__a8fPX .weibo__WtFUL {
    color: #96a5b4 !important
}

.normalstyle__K3zvR .ant-dropdown-menu {
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .08);
    padding: 0;
    border-radius: 4px;
    width: 80px
}

.normalstyle__K3zvR .ant-dropdown-menu-item:hover p {
    color: #000 !important
}

.normalstyle__K3zvR:hover .shareall {
    background: url(../../images/share_icon_active.fb5badcc.png) no-repeat !important;
    background-size: 18px 18px !important;
    color: #000
}

.wechat__Nqrzs {
    background: url(../../images/icon_share_wechat.05f49d95.png) no-repeat 0;
    background-size: 18px 18px;
    padding-left: 25px;
    color: #666 !important
}

.wechat__Nqrzs:hover {
    color: #000 !important
}

.weibo__WtFUL {
    background: url(../../images/icon_share_weibo.fea805a4.png) no-repeat 0;
    background-size: 18px 18px;
    padding-left: 25px;
    color: #666 !important
}

.weibo__WtFUL:hover {
    color: #000 !important
}

.dropdown__eTKWN {
    right: -9px !important;
    left: auto !important;
    top: -75px !important
}

.dropdown__eTKWN .ant-dropdown-arrow {
    right: 13px !important
}

.dropdown__eTKWN .ant-dropdown-menu span {
    padding: 0 !important
}

.dropdown__eTKWN .ant-dropdown-menu p {
    display: inline-block;
    width: 50px !important
}

.dropdown__eTKWN ul li {
    height: auto !important;
    margin: 0 !important;
    border: none !important;
    z-index: 1;
    background: #fff !important;
    font-size: 12px !important
}

.dropdown__eTKWN ul li:hover {
    background: #f5f5f5 !important;
    box-shadow: none !important
}

.dropdown__eTKWN ul li:first-child,
.dropdown__eTKWN ul li:first-child:hover {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.dropdown__eTKWN ul li:last-child,
.dropdown__eTKWN ul li:last-child:hover {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.normal__nYmPN ul li {
    height: auto !important;
    margin: 0 !important;
    padding: 5px 15px !important;
    border: none !important;
    font-size: 12px !important
}

.normal__nYmPN ul li:hover {
    background: #f5f5f5 !important;
    box-shadow: none !important
}

.normal__nYmPN .ant-dropdown-menu span {
    padding: 0 !important
}

.normal__nYmPN .ant-dropdown-menu p {
    display: inline-block;
    width: 50px !important
}

.normal__nYmPN .ant-dropdown-arrow {
    width: 0;
    height: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
    bottom: -4px;
    border: 10px solid transparent;
    border-top-color: #fff;
    filter: drop-shadow(0 4px 2px rgba(0, 0, 0, .1))
}

.sharedown__ivzFK {
    position: relative
}

.modal__ZSAhF .sharedialog__BcJVx {
    text-align: left
}

.modal__ZSAhF .sharedialog__BcJVx p {
    font-size: 14px;
    padding: 0 20px 20px 0
}

.modal__ZSAhF .sharedialog__BcJVx img {
    margin-bottom: 20px;
    width: 300px;
    height: 300px
}

.corner_label__icdYw {
    width: 36px !important;
    height: 30px !important;
    overflow: hidden;
    background: url(../../images/tag_bg_icon.9b939d5c.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center
}

.corner_label__icdYw span {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 25px
}

.isrecommend__DKz_z {
    position: absolute;
    top: -8px;
    left: 0;
    z-index: 2
}

.isrecommend__DKz_z img {
    width: 36px !important;
    height: 30px !important
}

.basecard__aFijj {
    cursor: auto
}

.basecard__aFijj:hover {
    background: #fff !important;
    box-shadow: 2px 2px 4px 0 #dee4e6, -2px -2px 4px 0 #fff;
    position: relative
}

.basecard__aFijj.blacksmall__oUkZb:hover {
    background: #202c38 !important;
    box-shadow: 2px 2px 4px 0 rgba(15, 23, 31, .7), -2px -2px 4px 0 rgba(48, 58, 68, .7);
    position: relative
}

.basecard__aFijj.blacksmall__oUkZb:hover.article_card__XAuva .imgposition__PEyro {
    position: relative
}

.basecard__aFijj.blacksmall__oUkZb:hover.article_card__XAuva .imgposition__PEyro:after {
    content: "";
    background: url(../../images/icon_play_bg.9e8ee570.png) no-repeat 50% rgba(90, 100, 110, .2);
    background-size: 40px 40px;
    position: absolute;
    width: 220px;
    height: 124px;
    left: 0;
    top: 0
}

.basecard__aFijj.ad_card__I5mKA .cardcontentdes__OyZpz p:first-child {
    display: flex;
    width: 100%
}

.basecard__aFijj.ad_card__I5mKA .cardcontentdes__OyZpz p:first-child span:last-child {
    max-width: 150px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0
}

.cardcontent__zuKZN {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 262px
}

.cardcontent__zuKZN .fullBig__cbXIE {
    width: 100%
}

.cardcontent__zuKZN .fullBig__cbXIE h2 {
    font-size: 22px;
    font-weight: 700;
    padding: 16px;
    margin-top: 0;
    line-height: 28px
}

.cardcontent__zuKZN .imgposition__PEyro {
    position: relative;
    width: 220px;
    height: 124px
}

.cardcontent__zuKZN .imgposition__PEyro .adcss__AlC6J {
    position: absolute;
    padding: 0 3px;
    z-index: 10;
    right: 4px;
    top: 4px;
    width: auto;
    height: 18px;
    border: 1px solid #fff;
    font-size: 10px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    background: hsla(0, 0%, 100%, .3);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .2)
}

.cardcontent__zuKZN .imgposition__PEyro img {
    width: 220px;
    height: 124px
}

.cardcontent__zuKZN .toplink__MC3AJ {
    height: 100%;
    margin-bottom: 10px
}

.cardcontent__zuKZN .toplink__MC3AJ a {
    height: 100%;
    display: inline-block
}

.cardcontent__zuKZN .text__Cq0yF {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.cardcontent__zuKZN .text__Cq0yF.padding16__yRFDK {
    padding: 0 16px
}

.cardcontent__zuKZN .text__Cq0yF .linkask__CfqoT {
    background: #f0f0f0;
    padding: 5px;
    margin-bottom: 10px
}

.cardcontent__zuKZN .text__Cq0yF .linkask__CfqoT p {
    font-size: 12px;
    color: #666
}

.cardcontent__zuKZN .text__Cq0yF .linkask__CfqoT p a {
    display: flex
}

.cardcontent__zuKZN .text__Cq0yF .linkask__CfqoT p a span:first-child {
    width: 26px;
    flex-shrink: 0;
    background: linear-gradient(135deg, #00d9ff, #00a5eb);
    display: inline-block;
    color: #fff;
    height: 14px;
    line-height: 14px;
    text-align: center;
    margin-right: 5px;
    font-size: 12px;
    margin-top: 1px
}

.cardcontent__zuKZN .text__Cq0yF .linkask__CfqoT p a span:first-child i {
    transform: scale(.8);
    font-size: 12px;
    font-style: normal;
    display: inline-block
}

.cardcontent__zuKZN .text__Cq0yF .linkask__CfqoT p a:hover {
    color: #000
}

.cardcontent__zuKZN h2 {
    padding: 0;
    font-size: 17px;
    line-height: 23px;
    font-weight: 700;
    color: #000;
    margin: 10px 0 0
}

.cardcontent__zuKZN h2 a {
    color: #000;
    word-break: break-all
}

.cardcontent__zuKZN .cardcontentdes__OyZpz {
    display: flex;
    justify-content: space-between;
    font-size: 12px
}

.cardcontent__zuKZN .cardcontentdes__OyZpz p:first-child {
    display: flex;
    width: 60%
}

.cardcontent__zuKZN .cardcontentdes__OyZpz p:first-child span {
    margin-right: 5px;
    color: #999
}

.cardcontent__zuKZN .cardcontentdes__OyZpz p:first-child span a {
    color: #666
}

.cardcontent__zuKZN .cardcontentdes__OyZpz p:first-child span.first__Z7rgU {
    color: #666;
    margin-right: 5px;
    padding-right: 5px;
    position: relative;
    height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cardcontent__zuKZN .cardcontentdes__OyZpz p:first-child span.first__Z7rgU:after {
    content: "";
    position: absolute;
    height: 13px;
    border-right: 1px solid #999;
    right: 0;
    top: 2px
}

.cardcontent__zuKZN .cardcontentdes__OyZpz p:first-child span.first__Z7rgU a:hover {
    color: #000
}

.cardcontent__zuKZN .cardcontentdes__OyZpz p:first-child span:last-child {
    max-width: 75px;
    flex-shrink: 0
}

.cardcontent__zuKZN .cardcontentdes__OyZpz p:last-child {
    width: 40%;
    flex-shrink: 0;
    text-align: right
}

.cardcontent__zuKZN .cardcontentdes__OyZpz p:last-child span {
    display: inline-block
}

.cardcontent__zuKZN .cardcontentdes__OyZpz p:last-child span.zan__nLGi5 {
    background: url(../../images/msg_icon.f14b31d3.png) no-repeat;
    background-size: 18px 18px;
    padding-left: 20px;
    color: #666
}

.cardcontent__zuKZN .cardcontentdes__OyZpz p:last-child span.zan__nLGi5:hover {
    background: url(../../images/msg_icon_active.e70dc22d.png) no-repeat;
    background-size: 18px 18px;
    color: #000
}

.cardcontent__zuKZN .cardcontentdes__OyZpz p:last-child span.share__rBFIi {
    background: url(../../images/share_icon.d6ec938a.png) no-repeat;
    background-size: 18px 18px;
    margin-left: 5px;
    width: 18px;
    height: 18px
}

.cardcontent__zuKZN .cardcontentdes__OyZpz p:last-child span.share__rBFIi:hover {
    background: url(../../images/share_icon_active.fb5badcc.png) no-repeat;
    background-size: 18px 18px
}

.cardcontent__zuKZN .cardcontentdes__OyZpz.noreply__pbpvO p:first-child {
    width: 185px
}

.cardcontent__zuKZN .cardcontentdes__OyZpz.noreply__pbpvO p:last-child {
    width: 25px
}

.cardcontent__zuKZN.black___VOUj .toplink__MC3AJ a,
.cardcontent__zuKZN.black___VOUj .toplink__MC3AJ a h2,
.cardcontent__zuKZN.black___VOUj h2 a {
    color: #fff
}

.cardcontent__zuKZN.black___VOUj .text__Cq0yF .linkask__CfqoT {
    background: #27303e;
    padding: 5px;
    margin-bottom: 10px
}

.cardcontent__zuKZN.black___VOUj .text__Cq0yF .linkask__CfqoT p {
    font-size: 12px;
    color: #96a5b4
}

.cardcontent__zuKZN.black___VOUj .text__Cq0yF .linkask__CfqoT p a {
    display: flex
}

.cardcontent__zuKZN.black___VOUj .text__Cq0yF .linkask__CfqoT p a span:first-child {
    width: 26px;
    flex-shrink: 0;
    background: linear-gradient(135deg, #00d9ff, #00a5eb);
    display: inline-block;
    color: #fff;
    height: 14px;
    line-height: 14px;
    text-align: center;
    margin-right: 5px;
    font-size: 12px;
    margin-top: 1px
}

.cardcontent__zuKZN.black___VOUj .text__Cq0yF .linkask__CfqoT p a span:first-child i {
    transform: scale(.8);
    font-size: 12px;
    font-style: normal;
    display: inline-block
}

.cardcontent__zuKZN.black___VOUj .text__Cq0yF .linkask__CfqoT p a:hover {
    color: #fff
}

.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:first-child {
    display: flex;
    width: 60%
}

.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:first-child span {
    margin-right: 5px;
    color: #5a646e
}

.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:first-child span a {
    color: #96a5b4
}

.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:first-child span.first__Z7rgU {
    color: #666;
    margin-right: 5px;
    padding-right: 5px;
    position: relative;
    height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:first-child span.first__Z7rgU:after {
    content: "";
    position: absolute;
    border-right: 1px solid #999;
    right: 0;
    top: -4px;
    height: 26px;
    transform: scale(.5)
}

.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:first-child span.first__Z7rgU a {
    display: inline
}

.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:first-child span.first__Z7rgU a:hover {
    color: #fff
}

.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:first-child span:last-child {
    max-width: 75px;
    flex-shrink: 0
}

.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:last-child {
    width: 40%;
    flex-shrink: 0;
    text-align: right
}

.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:last-child a,
.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:last-child span {
    display: inline-block
}

.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:last-child a.zan__nLGi5,
.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:last-child span.zan__nLGi5 {
    background: url(../../images/comment_size-2.f92c8b1a.png) no-repeat;
    background-size: 18px 18px;
    color: #96a5b4;
    padding-left: 20px
}

.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:last-child a.zan__nLGi5:hover,
.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:last-child span.zan__nLGi5:hover {
    background: url(../../images/comment_size_active.fdab2d1b.png) no-repeat;
    background-size: 18px 18px;
    color: #fff
}

.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:last-child a.share__rBFIi,
.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:last-child span.share__rBFIi {
    background: url(../../images/icon_share_black.d5f7a1c4.png) no-repeat;
    background-size: 18px 18px;
    margin-left: 5px;
    width: 18px;
    height: 18px
}

.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:last-child a.share__rBFIi:hover,
.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz p:last-child span.share__rBFIi:hover {
    background: url(../../images/icon_share_white.1731b7e0.png) no-repeat;
    background-size: 18px 18px
}

.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz.noreply__pbpvO p:first-child {
    width: 185px
}

.cardcontent__zuKZN.black___VOUj .cardcontentdes__OyZpz.noreply__pbpvO p:last-child {
    width: 25px
}

.mediaWrap__ZUWiB {
    margin-top: 10px
}

.normalContentWrap__CSQBb {
    padding-top: 82px !important
}

.normalContentWrap__CSQBb .leftClass__eOaik {
    border-right: none !important
}

.commentWrap__A1lcE {
    color: #ccc;
    max-width: 618px;
    margin-left: 107px
}

.commentWrap__A1lcE .commentNum__CzCmH {
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #96a5b4;
    line-height: 24px;
    margin-bottom: 24px
}

.recommendsWrap__v1cS8 {
    margin: 81px 100px 80px 40px
}

.praise__L19ta {
    display: inline-block;
    min-width: 16px;
    min-height: 16px
}

.praise__L19ta .spirit__QktMW {
    width: 16px;
    height: 16px;
    background: url(../../images/sprite_icon_1.98589b28.png) 0 -75px no-repeat;
    background-size: 33px auto;
    display: inline-block;
    cursor: pointer
}

.praise__L19ta .already__Zi7CK {
    background: url(../../images/sprite_icon_1.98589b28.png) 0 -96px no-repeat;
    background-size: 33px auto
}

.praise__L19ta .num__Fr8tV {
    margin-left: 8px
}

.audio__hAVkg {
    width: 24px;
    height: 24px;
    background: url(../../images/audio_default@2x.f0714329.png) no-repeat 50%/cover
}

.audio__hAVkg.play__Fhqus {
    background: url(../../images/audio_play@2x.eccdc9cb.png) no-repeat 50%/cover
}

.box__uHNC_ {
    color: #333
}

.wrapper__SsNLS {
    width: 100%;
    position: relative
}

.wrapper__SsNLS img {
    width: 100%;
    object-fit: contain
}

.title__h9p0Q {
    margin-bottom: 20px;
    margin-top: 8px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #999;
    line-height: 18px
}

.tip__LKF1x {
    color: #333
}

.listWrap__kOJf4 {
    margin-top: 60px
}

.listWrap__kOJf4 a {
    display: block;
    padding: 24px 16px
}

.itemWrap__iD5WO {
    background: #f8f9f9;
    box-shadow: 2px 2px 4px 0 #dee4e6, -2px -2px 4px 0 #fff;
    border-radius: 0 0 2px 2px;
    margin-bottom: 12px
}

.title__ksMRd {
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #000;
    line-height: 24px
}

.buttonWrap__GoBWh {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #000;
    line-height: 18px;
    margin-top: 16px
}

.normalContentWrap__i8VSb {
    padding: 80px 80px 80px 107px;
    padding-top: 82px !important;
    padding-bottom: 80px !important
}

.normalContentWrap__i8VSb .leftClass__m4gYo {
    border-right: none !important;
    padding-right: 0;
    margin-right: 0
}

.commentWrap__jer7i {
    color: #ccc;
    max-width: 618px
}

.commentWrap__jer7i .commentNum__waOZ9 {
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #96a5b4;
    line-height: 24px;
    margin-bottom: 9px
}

.recommendsWrap__qarPN {
    margin: 81px auto 80px
}

.normalstyle__TORLK {
    font-weight: 400;
    vertical-align: top;
    display: inline-block;
    position: relative;
    height: 18px;
    cursor: pointer
}

.normalstyle__TORLK.black__I_1iH .ant-dropdown-menu {
    background: #20272e;
    box-shadow: 0 1px 4px 0 rgba(15, 23, 31, .7)
}

.normalstyle__TORLK.black__I_1iH .ant-dropdown-arrow:before {
    background-color: #20272e;
    box-shadow: 0 1px 4px 0 rgba(15, 23, 31, .7)
}

.normalstyle__TORLK.black__I_1iH p {
    color: #96a5b4
}

.normalstyle__TORLK.black__I_1iH p:hover {
    color: #fff !important
}

.normalstyle__TORLK.black__I_1iH .dropdown__cPVUO ul li:hover,
.normalstyle__TORLK.black__I_1iH .normal__ZfNc0 ul li:hover {
    background: #202c38 !important
}

.wechat__oiKTB {
    background: url(../../images/icon_share_wechat.05f49d95.png) no-repeat 0;
    background-size: 18px 18px;
    padding-left: 25px;
    color: #666 !important
}

.wechat__oiKTB:hover {
    color: #000 !important
}

.weibo__NhwzN {
    background: url(../../images/icon_share_weibo.fea805a4.png) no-repeat 0;
    background-size: 18px 18px;
    padding-left: 25px;
    color: #666 !important
}

.weibo__NhwzN:hover {
    color: #000 !important
}

.dropdown__cPVUO {
    right: -9px !important;
    left: auto !important
}

.dropdown__cPVUO .ant-dropdown-arrow {
    right: 13px !important
}

.dropdown__cPVUO .ant-dropdown-menu span {
    padding: 0 !important
}

.dropdown__cPVUO .ant-dropdown-menu p {
    display: inline-block;
    width: 60px !important
}

.dropdown__cPVUO ul li {
    height: auto !important;
    margin: 0 !important;
    padding: 5px 15px !important;
    border: none !important
}

.dropdown__cPVUO ul li:hover {
    background: #f5f5f5 !important;
    box-shadow: none !important
}

.normal__ZfNc0 ul li {
    height: auto !important;
    margin: 0 !important;
    padding: 5px 15px !important;
    border: none !important
}

.normal__ZfNc0 ul li:hover {
    background: #f5f5f5 !important;
    box-shadow: none !important
}

.normal__ZfNc0 .ant-dropdown-menu span {
    padding: 0 !important
}

.normal__ZfNc0 .ant-dropdown-menu p {
    display: inline-block;
    width: 60px !important
}

.sharedown__r7jgy {
    position: relative
}

.modal__HWvxH .sharedialog__S_tkx {
    text-align: left
}

.modal__HWvxH .sharedialog__S_tkx p {
    font-size: 14px;
    padding: 0 20px 20px 0
}

.modal__HWvxH .sharedialog__S_tkx img {
    margin-bottom: 20px;
    width: 300px;
    height: 300px
}

.wrapper__xsr0_ {
    position: fixed;
    left: 33px;
    bottom: 80px;
    z-index: 1053
}

.wrapper__xsr0_.black__xhu36 .ul__Zduyu {
    background: #202c38;
    box-shadow: 2px 2px 4px 0 rgba(15, 23, 31, .7), -2px -2px 4px 0 rgba(48, 58, 68, .7)
}

.wrapper__xsr0_.black__xhu36 .ul__Zduyu li .number__mAKh2 {
    color: #96a5b4
}

.wrapper__xsr0_.black__xhu36 .collection__WoHBT:before {
    background: url(../../images/leftbar_collection.acda70c2.png) no-repeat 50%/cover
}

.wrapper__xsr0_.black__xhu36 .activeClassName__KQfci:before {
    background: url(../../images/collection__00d9ff-00a5eb@2x.c4af45ba.png) no-repeat 50%/cover
}

.wrapper__xsr0_.black__xhu36 .momment__UdOOX {
    background: url(../../images/leftbar_comment.105d16e6.png) no-repeat 50%/cover
}

.wrapper__xsr0_.black__xhu36 .wecaht__IJoFR {
    background: url(../../images/share_wecaht_96A5B4.07cbaf35.png) no-repeat 50%/cover
}

.wrapper__xsr0_.black__xhu36 .weibo__DxUFj {
    background: url(../../images/share_weibo_96A5B4.2c949134.png) no-repeat 50%/cover
}

.wrapper__xsr0_ .ul__Zduyu {
    align-items: center;
    margin-bottom: 8px;
    background: #f8f9f9;
    box-shadow: 2px 2px 4px 0 #dee4e6, -2px -2px 4px 0 #fff
}

.wrapper__xsr0_ .ul__Zduyu,
.wrapper__xsr0_ .ul__Zduyu li {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.wrapper__xsr0_ .ul__Zduyu li {
    margin: 10px;
    cursor: pointer
}

.wrapper__xsr0_ .ul__Zduyu li .imgBox__XKRLP {
    width: 30px;
    height: 30px
}

.wrapper__xsr0_ .ul__Zduyu li .imgBox__XKRLP img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.wrapper__xsr0_ .ul__Zduyu li .number__mAKh2 {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #333;
    line-height: 15px;
    text-align: center
}

.praiseBox__qAWry {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.praiseBox__qAWry .praiseIcon {
    width: 30px;
    height: 30px
}

.praiseBox__qAWry .praiseNum {
    margin-left: 0;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    line-height: 15px;
    text-align: center
}

.momment__UdOOX {
    width: 30px;
    height: 30px;
    background: url(../../images/icon_30x30_leftbar_comment_333333@2x.0bdfb51c.png) no-repeat 50%/cover
}

.wecaht__IJoFR {
    width: 30px;
    height: 30px;
    background: url(../../images/icon_30x30_share_wecaht_333333@2x.32985b1a.png) no-repeat 50%/cover
}

.wecaht__IJoFR:hover {
    background: url(../../images/icon_30x30_share_wecaht_25A838@2x.eed1e959.png) no-repeat 50%/cover
}

.weibo__DxUFj {
    width: 30px;
    height: 30px;
    background: url(../../images/icon_30x30_share_weibo_333333@2x.e97d3e0d.png) no-repeat 50%/cover
}

.weibo__DxUFj:hover {
    background: url(../../images/icon_30x30_share_weibo_FFA742@2x.50311dfc.png) no-repeat 50%/cover
}

.collection__WoHBT {
    width: 30px;
    height: 30px
}

.collection__WoHBT:before {
    width: 30px;
    height: 30px;
    background: url(../../images/icon_30x30_leftbar_collection_333333@2x.bf8db175.png) no-repeat 50%/cover
}

.activeClassName__KQfci:before {
    background: url(../../images/collection__00d9ff-00a5eb@2x.c4af45ba.png) no-repeat 50%/cover
}

.wrapper__fW39I {
    padding-bottom: 90px;
    min-width: 1200px
}

.topImgBox__Ob_E3 {
    width: 100%;
    max-height: 175px;
    background: rgba(0, 0, 0, .1)
}

.topImgBox__Ob_E3 img {
    width: 100%;
    height: 100%;
    object-fit: fill
}

.topWrap__MnCLQ {
    background-color: #303030;
    margin: 1px 0 0
}

.topCantainer__YNoYE {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 0
}

.flexRow__XTODC {
    display: flex;
    flex-direction: row
}

.name__ER6Tq {
    line-height: 46px;
    color: #fff;
    font-size: 30px;
    max-height: 92px;
    overflow: hidden
}

.summary__WAa7L {
    line-height: 28px;
    color: #fff;
    font-size: 16px;
    margin-top: 30px;
    max-height: 140px;
    overflow: hidden
}

.space__c17KK {
    height: 20px;
    line-height: 20px;
    color: #a0a0a0;
    font-size: 12px
}

.topLeftLayout__cpkOM {
    flex: 1 1 49.8%;
    padding: 70px 38px 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.comment__aEyp4 {
    padding: 0 10px 0 22px;
    position: relative
}

.comment__aEyp4:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background: url(../../images/comment_size-1.138f28f8.png) no-repeat 50%/cover
}

.topRightLayout__USMYX {
    flex: 0 0 49.8%;
    width: 49.8%;
    position: relative
}

.imgBox__OaC_y {
    width: 650px;
    height: 373px
}

.imgBox__OaC_y img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.imgBoxCard__IoU5x {
    width: 261px !important;
    height: 146.76px !important
}

.imgBoxCard__IoU5x img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover
}

.carouselLeft__cHTEj,
.carouselRight__W8i5S {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    font-size: 45px;
    color: #fff;
    cursor: pointer
}

.carouselLeft__cHTEj {
    left: 0
}

.carouselRight__W8i5S {
    right: 0
}

.carousel__SODuQ {
    position: relative
}

.carousel__SODuQ .slick-dots-bottom {
    bottom: -6px
}

.carousel__SODuQ .slick-dots li.slick-active {
    width: 13px
}

.carousel__SODuQ .slick-dots li.slick-active button {
    background-color: #238ccd
}

.carousel__SODuQ .slick-dots li {
    width: 13px
}

.carousel__SODuQ .slick-dots li button {
    height: 13px;
    border-radius: 13px;
    background-color: #fff;
    color: #fff;
    opacity: 1
}

.leftLayout__GHZB4 {
    flex: 1 0 auto;
    max-width: 835px;
    margin-left: 30px;
    margin-right: 8px;
    border-right: 1px solid #dfdfdf
}

.rightLayout__p5evs {
    flex: 0 0 302px;
    width: 302px
}

.itemWrap__TaUan {
    padding: 30px 0
}

.bgColor__iRH3m {
    padding: 0
}

.title__S2BGc {
    position: relative;
    font-size: 16px;
    color: #333;
    padding-left: 16px
}

.title__S2BGc:before {
    content: "";
    position: absolute;
    top: 5px;
    margin-right: 12px;
    width: 4px;
    left: 0;
    height: 15px;
    background: #00a5eb
}

.listWrap__H1_0Q {
    flex: 1 1 730px;
    max-width: 730px
}

.listWrap__H1_0Q .ant-card {
    height: 100%
}

.listWrap__H1_0Q .ant-card-body {
    padding: 8px;
    height: 100%
}

.itemWrapAll__skDOE {
    margin: 0 30px
}

.itemWrapAll__skDOE .listWrap__H1_0Q {
    flex: 1 1 100%;
    max-width: 100%
}

.contentWrap__jIh8g {
    margin-top: 10px
}

.articleWrap__y1ve0 .itemName__V_iI6 {
    font-weight: 700;
    line-height: 26px;
    color: #4c4c4c;
    font-size: 18px;
    max-height: 90px;
    padding-bottom: 12px;
    margin-top: -7px;
    overflow: hidden
}

.articleWrap__y1ve0 .itemSummary__rUudI {
    line-height: 20px;
    color: #4c4c4c;
    font-size: 14px;
    padding: 0 0 20px
}

.articleWrap__y1ve0 .more__CA_IR,
.moreBtn__yUVKg {
    display: block;
    text-align: right
}

.moreBtn__yUVKg {
    margin-right: 5px;
    font-size: 14px;
    cursor: pointer;
    color: #333
}

.moreBtn__yUVKg:hover {
    color: #333
}

.divider__Bk7X6 {
    border-left: 1px solid #4c4c4c !important
}

.headerWrap__MH1bA {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 13px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e8e8e8
}

.error__gVDjn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: calc(100vh - 180px)
}

.error__gVDjn img {
    width: 250px;
    height: 150px
}

.error__gVDjn p {
    color: #999;
    font-size: 12px
}

.error__gVDjn span {
    color: #00a5eb;
    font-size: 16px;
    cursor: pointer;
    margin-top: 15px
}

.error__gVDjn .refresh__yVJ4l {
    background: url(../../images/icon_shuaxin.c18cda4c.png) no-repeat 0;
    background-size: 18px 18px;
    padding-left: 26px
}

.normalContentWrap__cOcC_ {
    padding-top: 82px !important
}

.normalContentWrap__cOcC_ .leftClass__IuOHu {
    border-right: none !important
}

.commentWrap__oSIjt {
    color: #ccc;
    max-width: 618px;
    margin-left: 107px
}

.commentWrap__oSIjt .commentNum__kWLwY {
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: 700;
    color: #96a5b4;
    line-height: 24px;
    margin-bottom: 24px
}

.recommendsWrap__uOROY {
    margin: 81px 100px 80px 40px
}